<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title></title>
    <link rel="stylesheet" href="../css/common/mui.css"/>
    <link rel="stylesheet" href="../css/common/common.css"/>
    <link rel='stylesheet' href='../css/this/product.css'/>
    <link rel="stylesheet" href="../css/common/swiper.min.css"/>
    <link rel="stylesheet" href="../layer/skin/layer.css"/>
    <style>
        body {
            background: #fff;
        }

        .dtl-inum {
            transition: all .5s;
        }
        .dtl-inum-scale{
            transform: scale(1.8);
        }
        .app_icon{
            position: absolute;
            height: 80%;
            top: 10%;
        }
    </style>
</head>
<body>
<nav style="position: relative;" class='mui-row lH48 bB theFirst'>
    <!--<div class='mui-col-xs-6 pL15'>
        <img style="display: inherit" src="../img/product/app.png" class='mT5 '/>
    </div>-->
    <img class="app_icon pL15" src="../img/product/app.png"/>
    <div style="float: right;" class='mui-col-xs-6 load-app tR pR15'>
        <button class='fS15 fWB btn btn-black lH30 mT9'>下载APP</button>
    </div>
</nav>
<section class='detail'></section>

<div id="body"></div>
<div class='bdsharebuttonbox' id='share'>
    <a class="bds_weixin" data-cmd="weixin">
        <img src="../img/icon/Swechat.png"/>
        <p>微信</p>
    </a>
    <a class="bds_weixin friend" data-cmd="weixin">
        <img src="../img/icon/Sfriend.png"/>
        <p>朋友圈</p>
    </a>
    <a class="bds_tsina" data-cmd="tsina"><img src="../img/icon/Swebo.png"/>
        <p>新浪</p>
    </a>
    <a class="bds_sqq" data-cmd="sqq"><img src="../img/icon/Sqq.png"/>
        <p>QQ</p>
    </a>
    <a class="bds_qzone" data-cmd="qzone" href="#"><img src="../img/icon/Sqqs.png"/>
        <p>QQ空间</p>
    </a>

    <a data-clipboard-target="#copy_link" id="copy_btn" class="bds_copy" data-cmd=""><img src="../img/icon/Scopy.png"/>
        <p>复制</p>
    </a>
    <span id="copy_link">复制连接</span>
    <button data-tag="qxShare" style="border-top: 1px solid #d9d9d9!important;background-color: #FFFFFF" class='w bN lH50 fS15'>取消</button>
</div>
<script type='text/template' id='tpl-detail'>
    <section class='slide pSR bGWhite'>
        {{/*<!-- Swiper -->*/}}
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{each info.pic as pic}}
                <div class="swiper-slide">
                    <img src="{{pic}}" width='100%'/>
                </div>
                {{/each}}
            </div>
            {{/*<!-- Add Pagination -->*/}}
            <div class="swiper-pagination"></div>
            <img src="../img/product/play.png" width='88px' height='88px' class='play'/>
        </div>
        <div  class='share pL15'>
            <img data-tag="share" src="../img/product/share.png" width='50px' height='50px'/>
        </div>
        <div class='video-box'>
            <video id='video'>暂时没有此资源</video>
        </div>
    </section>
    <section class='bGWhite tC'>
        <div class='pT10'>
            <p class='dIB zan'>
                <img src="../img/product/love.png" width='18px' height='18px'/>
            </p>
            <p class='dIB fS15 zan-num'>{{info.thing_num}}</p>
        </div>
        <p class='tC cGrey fS12 mT8 pB10 bB'>小伙伴们关注 <span class='pL5 cRed roundLike'></span></p>
        <section class='pT14 pL20 pR20 pSR'>
            <div class='fS15 ls1 detail-title dIB' data-id='{{info.id}}' data-stock='{{info.stock}}'
                 data-warehouseType='{{info.warehouseType}}' data-supplierId='{{info.ms_stock_supplierid}}'>
                {{if info.guojiapic}}
                <img src="{{info.guojiapic}}" width='22px' height='15px' class='pSR' style='top:-2px'/>
                {{/if}}
                {{info.pname}}
            </div>
        </section>

        <div class='dIB bB pT12 pB15 cT'>
            <span class='fS15 cRed'>&yen;<span class='fS22'>{{info.ms_price}}</span></span>
            <span class='fS12 cGrey'>&yen;{{info.market_price}}</span>
            <span class='fS12 cGrey info-sale'>累积销量<span> {{info.sale}}</span></span>
        </div>
    </section>
    <section class='detail-img n-first bGWhite pT21'></section>
    <section class='pT32 pL17 pR17 bGWhite mB56 add-more'>
        <div class=' pT12 pB12 tC'>
            <h2 class='fWN fS15'>产品详情</h2>
            <p class='fS12 cGrey'>（点击加载更多图片）</p>
        </div>
    </section>
    <section class='detail-img n-all dN'></section>
</script>

<script src='../js/common/jquery.min.js'></script>
<script src='../js/common/swiper.min.js'></script>
<script src='../js/common/swiper.animate.min.js'></script>
<script src='../layer/layer.js'></script>
<script src="../js/common/template.js"></script>
<!--		<script src="../js/common/loading.js"></script>-->
<script src='../js/common/api.js'></script>
<script src="../js/common/app.js"></script>
<script src='../js/common/footerD.js'></script>
<script src="share.js"></script>
<link rel="stylesheet" href="../css/common/share.css">
<script src='productDetail.js'></script>
</body>
</html>
